

<!-- gallery -->
<div class="gallery-w3layouts" id="gallery">
    <div class="container">
        <h2>软件开发</h2>
        <div class="gallery-grids">
            <div class="gallery-grid">
                <a class="book popup-with-zoom-anim button-isi zoomIn animated" data-wow-delay=".5s"
                    href="#small-dialog">
                    <img src="/images/g1.jpg" alt=" " class="img-responsive zoom-img" />
                </a>
                <a class="book popup-with-zoom-anim button-isi zoomIn animated" data-wow-delay=".5s"
                    href="#small-dialog2">
                    <img src="/images/g2.jpg" alt=" " class="img-responsive zoom-img" />
                </a>
            </div>
            <div class="gallery-grid">
                <a class="book popup-with-zoom-anim button-isi zoomIn animated" data-wow-delay=".5s"
                    href="#small-dialog3">
                    <img src="/images/g3.jpg" alt=" " class="img-responsive zoom-img" />
                </a>
                <a class="book popup-with-zoom-anim button-isi zoomIn animated" data-wow-delay=".5s"
                    href="#small-dialog4">
                    <img src="/images/g5.jpg" alt=" " class="img-responsive zoom-img" />
                </a>
            </div>
            <div class="gallery-grid">
                <a class="book popup-with-zoom-anim button-isi zoomIn animated" data-wow-delay=".5s"
                    href="#small-dialog5">
                    <img src="/images/g6.jpg" alt=" " class="img-responsive zoom-img" />
                </a>
                <a class="book popup-with-zoom-anim button-isi zoomIn animated" data-wow-delay=".5s"
                    href="#small-dialog6">
                    <img src="/images/g7.jpg" alt=" " class="img-responsive zoom-img" />
                </a>
            </div>
            <div class="gallery-grid">
                <a class="book popup-with-zoom-anim button-isi zoomIn animated" data-wow-delay=".5s"
                    href="#small-dialog7">
                    <img src="/images/g4.jpg" alt=" " class="img-responsive zoom-img" />
                </a>
                <a class="book popup-with-zoom-anim button-isi zoomIn animated" data-wow-delay=".5s"
                    href="#small-dialog8">
                    <img src="/images/g8.jpg" alt=" " class="img-responsive zoom-img" />
                </a>
            </div>
            <div class="clearfix"> </div>
        </div>
    </div>
</div>
<!--//gallery -->
<script src="/js/jquery.magnific-popup.js" type="text/javascript"></script>
<script type="text/javascript" src="/js/modernizr.custom.53451.js"></script>
<script>
    $(document).ready(function () {
        $('.popup-with-zoom-anim').magnificPopup({
            type: 'inline',
            fixedContentPos: false,
            fixedBgPos: true,
            overflowY: 'auto',
            closeBtnInside: true,
            preloader: false,
            midClick: true,
            removalDelay: 300,
            mainClass: 'my-mfp-zoom-in'
        });

    });
</script>
<div class="pop-up">
    <div id="small-dialog" class="mfp-hide book-form">
        <div class="pop-up-content-agileits-w3layouts">
            <div class="col-md-6 w3ls-left">
                <img src="/images/g1.jpg" alt=" " class="img-responsive zoom-img" />
            </div>
            <div class="col-md-6 w3ls-right">
                <h4>跨平台架构</h4>
                <p>跨平台的地理信息框架，shape数据倒入导入，自动化坐标系和投影转换。</p>
                <p class="agileits">C++11联合QT进行开发，实现跨平台的地理信息引擎.</p>
                <div class="span span1">
                    <p class="left">标记</p>
                    <p class="right">:跨平台加否</p>
                    <div class="clearfix"></div>
                </div>
                <div class="span span2">
                    <p class="left">支持平台</p>
                    <p class="right">: Windows Linux Android IOS</p>
                    <div class="clearfix"></div>
                </div>
                <div class="span span2">
                    <p class="left">DEVELOPER</p>
                    <p class="right">: maomao</p>
                    <div class="clearfix"></div>
                </div>
                <div class="span span3">
                    <p class="left">REQUIRES</p>
                    <p class="right">: </p>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<div class="pop-up">
    <div id="small-dialog2" class="mfp-hide book-form">
        <div class="pop-up-content-agileits-w3layouts">
            <div class="col-md-6 w3ls-left">
                <img src="/images/g2big.jpg" alt=" " class="img-responsive zoom-img" />
            </div>
            <div class="col-md-6 w3ls-right">
                <h4>手机引擎展示</h4>
                <p>空间数据，影像数据，方向数据一体化管理，全方位采集 </p>
                <p class="agileits">多维的数据采集，使得空间数据，影像数据，方向数据一体化管理</p>
                <div class="span span1">
                    <p class="left">标记</p>
                    <p class="right">: 多维数据一体化</p>
                    <div class="clearfix"></div>
                </div>
                <div class="span span2">
                    <p class="left">DEVELOPER</p>
                    <p class="right">: maomao</p>
                    <div class="clearfix"></div>
                </div>
                <div class="span span3">
                    <p class="left">REQUIRES</p>
                    <p class="right">: </p>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<div class="pop-up">
    <div id="small-dialog3" class="mfp-hide book-form">
        <div class="pop-up-content-agileits-w3layouts">
            <div class="col-md-6 w3ls-left">
                <img src="/images/g3big.jpg" alt=" " class="img-responsive zoom-img" />
            </div>
            <div class="col-md-6 w3ls-right">
                <h4>航拍数据管理</h4>
                <p>支持导入无人机航拍数据，基于航拍数据作业使得坐标更精确</p>
                <p class="agileits">支持各种无人机数据导入，并使用瓦片金字塔方式访问，提高渲染效率.</p>
                <div class="span span1">
                    <p class="left">标记</p>
                    <p class="right">: 无人机航拍</p>
                    <div class="clearfix"></div>
                </div>
                <div class="span span2">
                    <p class="left">DEVELOPER</p>
                    <p class="right">: maomao</p>
                    <div class="clearfix"></div>
                </div>
                <div class="span span3">
                    <p class="left">REQUIRES</p>
                    <p class="right">: </p>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<div class="pop-up">
    <div id="small-dialog4" class="mfp-hide book-form">
        <div class="pop-up-content-agileits-w3layouts">
            <div class="col-md-6 w3ls-left">
                <img src="/images/g5.jpg" alt=" " class="img-responsive zoom-img" />
            </div>
            <div class="col-md-6 w3ls-right">
                <h4>多元数据管理端展示</h4>
                <p>多源数据在管理端一体化展示，永久记录项目的所有发展情况 </p>
                <p class="agileits">多源数据一体化</p>
                <div class="span span1">
                    <p class="left">标记</p>
                    <p class="right">: 管理端展示</p>
                    <div class="clearfix"></div>
                </div>
                <div class="span span2">
                    <p class="left">DEVELOPER</p>
                    <p class="right">: maomao</p>
                    <div class="clearfix"></div>
                </div>
                <div class="span span3">
                    <p class="left">REQUIRES</p>
                    <p class="right">: </p>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<div class="pop-up">
    <div id="small-dialog5" class="mfp-hide book-form">
        <div class="pop-up-content-agileits-w3layouts">
            <div class="col-md-6 w3ls-left">
                <img src="/images/g6.jpg" alt=" " class="img-responsive zoom-img" />
            </div>
            <div class="col-md-6 w3ls-right">
                <h4>项目管理介绍</h4>
                <p>一览无余的相关管理，方便多个项目的浏览和数数查阅维护 </p>
                <p class="agileits">数据持久化保存和便捷的浏览统计</p>
                <div class="span span1">
                    <p class="left">管理端</p>
                    <p class="right">:数据查阅</p>
                    <div class="clearfix"></div>
                </div>
                <div class="span span2">
                    <p class="left">DEVELOPER</p>
                    <p class="right">: maomao</p>
                    <div class="clearfix"></div>
                </div>
                <div class="span span3">
                    <p class="left">REQUIRES</p>
                    <p class="right">: </p>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<div class="pop-up">
    <div id="small-dialog6" class="mfp-hide book-form">
        <div class="pop-up-content-agileits-w3layouts">
            <div class="col-md-6 w3ls-left">
                <img src="/images/g7big.jpg" alt=" " class="img-responsive zoom-img" />
            </div>
            <div class="col-md-6 w3ls-right">
                <h4>实施项目</h4>
                <p>以android端展示项目的实施流程，和多项目的综合管理 </p>
                <p class="agileits">实施统计项目的实施情况.</p>
                <div class="span span1">
                    <p class="left">标记</p>
                    <p class="right">: 项目实施</p>
                    <div class="clearfix"></div>
                </div>
                <div class="span span2">
                    <p class="left">DEVELOPER</p>
                    <p class="right">: maomao</p>
                    <div class="clearfix"></div>
                </div>
                <div class="span span3">
                    <p class="left">REQUIRES</p>
                    <p class="right">: </p>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<div class="pop-up">
    <div id="small-dialog7" class="mfp-hide book-form">
        <div class="pop-up-content-agileits-w3layouts">
            <div class="col-md-6 w3ls-left">
                <img src="/images/g4big.jpg" alt=" " class="img-responsive zoom-img" />
            </div>
            <div class="col-md-6 w3ls-right">
                <h4>地块数据展示</h4>
                <p>挂钩地块数据的基础信息，人员信息，影像信息综合管理 </p>
                <p class="agileits">综合管理地块图斑的携带作业信息</p>
                <div class="span span1">
                    <p class="left">标记</p>
                    <p class="right">: 业务管理</p>
                    <div class="clearfix"></div>
                </div>
                <div class="span span2">
                    <p class="left">DEVELOPER</p>
                    <p class="right">: maomao</p>
                    <div class="clearfix"></div>
                </div>
                <div class="span span3">
                    <p class="left">REQUIRES</p>
                    <p class="right">: </p>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<div class="pop-up">
    <div id="small-dialog8" class="mfp-hide book-form">
        <div class="pop-up-content-agileits-w3layouts">
            <div class="col-md-6 w3ls-left">
                <img src="/images/g8.jpg" alt=" " class="img-responsive zoom-img" />
            </div>
            <div class="col-md-6 w3ls-right">
                <h4>数据统计</h4>
                <p>实时的空间信息统计，统计项目的实施情况 </p>
                <p class="agileits">为决策层提供项目进度管理.</p>
                <div class="span span1">
                    <p class="left">标记</p>
                    <p class="right">: 信息统计</p>
                    <div class="clearfix"></div>
                </div>
                <div class="span span2">
                    <p class="left">DEVELOPER</p>
                    <p class="right">: maomao</p>
                    <div class="clearfix"></div>
                </div>
                <div class="span span3">
                    <p class="left">REQUIRES</p>
                    <p class="right">: </p>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>